<template>
  <Topnav></Topnav>
  <div class="main">
    <courseform></courseform>
  </div>
  <Bottom></Bottom>
</template>
<script>
import Topnav from '@/components/Topnav.vue'
import Bottom from '@/components/Bottom.vue'
import courseform from './components/courses-form.vue'
export default {
  name: 'courses-index',
  components: {
    Topnav,
    Bottom,
    courseform
  }
}
</script>
<style scoped lang="less">
.main{
  margin: 0 auto;
  width: 800px;
  height: 600px;
}
</style>
